<template>
	<view class="pd30" style="min-height: 100vh; background: #4C4968;">
		<view class="bg-w bdr16 buy-box">
			<text @click="showRole = true" class="wh ft22 text-theme iconfont iconbtn_question"></text>
			<view class="pd30 flex alcenter">
				<image class="box-shadow store-buy-logo" :src="''"></image>
				<view class="ft16 ftw600 ml20">CNT旅行社</view>
			</view>
			<view class="buy-bg">
				<image :src="''"></image>
			</view>	
			<view class="pd30">
				<view class="flex alcenter space">
					<view class="ft16 text-info">消费金额</view>
					<view class="text-notice"><input type="text" class="ft16"  placeholder="请询问服务人员后输入" /></view>
				</view>
				<view class="mt40 mb40 line"></view>
				<view class="flex alcenter space">
					<view class="ft16 text-info">使用优惠</view>
					<unio2o-coupon-choose-alert></unio2o-coupon-choose-alert>
				</view>
				<view class="mt40 mb40 line"></view>
				
				<view class="flex alcenter space">
					<view class="ft16 text-info">实付金额</view>
					<view class="flex alcenter">
						<text class="ft16 text-theme ftw600">¥0.00</text>
					</view>
				</view>
				<view class="mt40 mb60 line"></view>
				<view>
					<button class="ft18 ftw600 text-w btn-dis">确认买单</button>
				</view>
				<view class="ft12 text-notice text-center pb20 mt20">
					买单仅限于到店支付，请确认金额后提交
				</view>
			</view>
		</view>
		
		<unio2o-buy-role-alert @closed="showRole = false" :show="showRole"></unio2o-buy-role-alert>
	</view>
</template>

<script>
	import unio2oCouponChooseAlert from '@/components/module/coupon/chooseAlert.vue';
	import unio2oBuyRoleAlert from '@/components/module/store/buyRoleAlert.vue';
	export default{
		components:{
			unio2oCouponChooseAlert,
			unio2oBuyRoleAlert
		},
		data(){
			return {
				showRole:false
			}
		}
	}
</script>

<style>
	.store-buy-logo{
		width: 80rpx;
		height: 80rpx;
		border-radius: 4rpx;
	}
	.buy-box{
		position: relative;
	}
	.buy-box .wh{
		position: absolute;
		right: 20rpx;
		top: 20rpx;
	}
	.buy-bg image{
		width: 100%;
		height: 36rpx;
	}
</style>